<h1 style="height: 50px">Main Component</h1>
<div id="username">Hello {{username}} from Angular 2!</div>
<div class="counters">
  <button (click)="click()">Up</button><br>
  <label>Count:</label>
  <div id="counter">{{counter}}</div>
  <label>AsyncCounter:</label>
  <div id="asyncCounter">{{asyncCounter}}</div>
</div>
<div class="inputs">
  <input [(ngModel)]="input" id="input" aria-label="input">
  <div id="value">Input: {{input}}</div>
  <textarea id="memo" aria-label="memo">{{memo}}</textarea>
</div>
<div class="subcomponents">
  <test-sub title="test tools" [items]="testTools"></test-sub>
  <test-sub title="test methods" [items]="testMethods"></test-sub>
</div>
